<template>
  <div id="app">
  <h1>app</h1>
    <one></one>
    	是否显示two<input type="checkbox" v-model="showTwo" />
    <two v-if="showTwo"></two>
    <three></three>
  </div>
</template>

<script>
import One from "./one.vue"
import Two from "./two.vue"
import Three from "./three.vue"

export default {
  data () {
    return {
      showTwo: true
    }
  },
  components: {
  	one: One,
  	two: Two,
  	three: Three
  }
}
</script>

<style>
#app{
	padding: 20px;
	background: red;
	border: 2px solid #000000;
}
</style>
